<template>
  <div class="profitloss">
    <div class="title">
      <img
        src="../../assets/images/cz1.png"
        alt=""
        class="goback"
        @click="goback"
      />
      <p>{{title}}</p>
    </div>
    <div style="height:11.7vw"></div>
    <div v-html="textContent"></div>
  </div>
</template>
<script>

export default {
  name: "profitloss",
  data() {
    return {
        textContent:'',
        title:"",
    };
  },
  computed: {},
  async activated(){
    
    const ret1 = await this.$http({
          url: "/system/articleManagement/getArticleManagement",
          method: "post",
          data: {
            articleTypeCode: "1563385493535264457",
          },
        });
        if (ret1.data.code === 0) {
          //
          this.textContent = ret1.data.data[this.$route.query.id].textContent
          this.title = ret1.data.data[this.$route.query.id].title
          console.log(this.textContent)
          console.log(this.title)
        }
  },
  async created() {
  },
  methods: {
    goback() {
      this.$router.go("-1");
    },
  },
};
</script>
<style lang="scss" scoped>
.profitloss {
  font-size: 3.2vw;
 .title {
    font-size: 4.8vw;
    line-height: 44px;
    background-color: #090A1B;
    color: rgba(255, 255, 255, 100);
    text-align: center;
   //font-family: Arial;
    display: flex;
    justify-content: center;
    margin-bottom: 2vw;
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100vw;
    p{
      width: 80vw;
    }
    .img {
      position: absolute;
      top: 3.6vw;
      right: 4vw;
      display: flex;
      justify-content: space-between;
      img {
        width: 5vw;
      }
    }
    .goback {
      position: absolute;
      top: 3vw;
      left: 2vw;
      width: 5.3vw;
      height: 5.3vw;
    }
  }
}
</style>